<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>

<div id="welcome-info">欢迎来到心理健康测试中心 !</div>

<div id="shortcuts">
	<ul class="shortcut-buttons-set">
		<li><a class="shortcut-button addTeacher" href="#add-teacher"><span>
					<img src="images/image_add_48.png" alt="icon" /><br />添加教师</span> </a></li>
		<li><a class="shortcut-button queryTeacher"
			href="#teacher-info-query"><span> <img
					src="images/comment_48.png" alt="icon" /><br />教师信息查询</span> </a></li>
	</ul>

	<div id="add-teacher" style="display: none;">
		<form id="teacher-register-form"
			action="/psytest-webapp/register/teacher" method="post">
			<div class="query-title">添加教师</div>
			<div class="filter-criteria">
				<input id="teacherId" name="teacherId" type="text" value="请输入教师号..." />
				<input id="password"
					name="password" type="text" value="请输入该教师密码..." />
				<select id="privilegeReg" name="privilege"></select> 
			</div>
			<div class="submitBtn">
				<input id="sBtnTeacherReg" type="button" value="提交" />
			</div>
		</form>
	</div>

	<div id="teacher-info-query" style="display: none;">
		<form id="teacher-info-query-form"
			action="/psytest-webapp/user/queryTeacherInfoByCriteria"
			method="post">
			<div class="query-title">教师信息查询</div>
			<div class="filter-criteria">
				<input id="tid" name="teacherId" type="text" value="请输入教师号..." /> <select
					id="privilege" name="privilege"></select>
			</div>
			<div class="submitBtn">
				<input id="sBtnTeacher" type="button" value="开始查询" />
			</div>
		</form>
	</div>
</div>
<div class="clear"></div>

<div id="content-box">
	<div class="content-box-header">
		<div class="header">查询结果</div>
	</div>
	<div class="content-box-content">
		<table id="query-result-table">
			<thead>
				<tr>
					<th>教师号</th>
					<th>教师密码</th>
					<th>所属学院</th>
					<th>删除该账户</th>
				</tr>
			</thead>
			<tfoot></tfoot>
			<tbody></tbody>
		</table>
	</div>
</div>

<script type="text/javascript">
	//Attention! Don't Break This Line!
	var privilege = ${privilege};
</script>

<script type="text/javascript">
	var secondaryCollege = [ '请选择所管理学院...', '商学院', '政法学院', '文化传播学院', '外国语学院',
			'理学院', '电子工程学院', '化学化工学院', '机械与材料工程学院', '信息科学与技术学院', '土木工程与城市建设学院',
			'生命科学学院', '基础医学院', '艺术学院', '会计学院', '旅游学院', '体育学院', '护理学院', '临床医学院',
			'师范学院', '继续教育学院', '其他学院' ];
	var secondaryCollegeReg = [ '所有学院', '商学院', '政法学院', '文化传播学院', '外国语学院',
	             			'理学院', '电子工程学院', '化学化工学院', '机械与材料工程学院', '信息科学与技术学院', '土木工程与城市建设学院',
	             			'生命科学学院', '基础医学院', '艺术学院', '会计学院', '旅游学院', '体育学院', '护理学院', '临床医学院',
	             			'师范学院', '继续教育学院', '其他学院' ];

	var $body = $('body');
	var privilegeNode = $('#privilege');
	var privilegeRegNode = $('#privilegeReg');

	privilegeNode.empty();
	privilegeRegNode.empty();
	addPrivilegeOptionsToSelectNode(privilegeNode, secondaryCollege);
	addPrivilegeRegOptionsToSelectNode(privilegeRegNode, secondaryCollegeReg);

	function addPrivilegeOptionsToSelectNode(node, options) {
		for ( var i = 0; i < options.length; i++) {
			if (i == 0) {
				node.append("<option value='-1'>" + options[i] + "</option>");
			} else {
				node.append("<option value='" + i + "'>" + options[i]
						+ "</option>");
			}
		}
	}
	function addPrivilegeRegOptionsToSelectNode(node, options) {
		node.append("<option value='-1'>请选择所管理学院...</option>");
		for ( var i = 0; i < options.length; i++) {
			node.append("<option value='" + i + "'>" + options[i]
					+ "</option>");
		}
	}

	$('div.filter-criteria input').each(function() {
		var $this = $(this);
		$body.data($this.attr('id'), $this.val());
	});

	$('a[rel=facebox]').facebox({
		loadingImage : 'images/facebox/loading.gif',
		closeImage : 'images/facebox/closelabel.png'
	});
</script>